@charset'utf-8';
@import'color';
@import'model.scss';
html, body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
* {
    font-family: 'iconfont', "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif!important;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-size: 32px;
    padding-right: 15px;
}
._top {
    width: 100%;
    padding: 25px 15px;
    background-color: $pink;
    color: $white;
    font-size: 25px;
}
._body {
    width: 100%;
    .buttonList {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        width: 200px;
        border-right: 1px solid #eee;
        .buttonItem {
            padding: 15px;
            margin: 3px 0;
            cursor: pointer;
            &:hover {
                background-color: #f0f0f0;
            }
        }
    }
    .main {
        display: inline-block;
        vertical-align: top;
        padding: 45px 20px;
    }
}
.buttonDemo {
	
}
